/* 文章部分 */

.article {
    height: 1300px;
    margin-bottom: 45px;
}

.article ul {
    height: 1300px;
}

.article ul li {
    float: left;
    width: 270px;
    height: 280px;
    margin: 45px 45px 0px 0px;
    border-radius: .3rem;
    overflow: hidden;
    box-shadow: 0 0.2rem 2rem 0 rgba(0, 0, 0, 0.1);
}

.article ul li img {
    transition: all 0.6s;
}

.article ul li:hover img {
    transform: scale(1.1);
}

.article ul li:nth-child(3n) {
    margin: 45px 0px 0px 0px;
}


/* 每个li里面的部分 */

.cover {
    height: 164px;
    background-color: pink;
}

.cover img {
    width: 100%;
    height: 164px;
}

.article li p a {
    color: #000;
}

.article li p {
    height: 76px;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 18px;
}

.article-info {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}

.article-info span {
    margin-right: 20px;
    color: #897d7d;
}


/* 底部导航部分 */

.bottom-nav {
    height: 40px;
    position: relative;
}

.bottom-nav ul {
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 220px;
    margin-bottom: 30px;
}

.bottom-nav li {
    float: left;
    margin: 0 20px;
}

.bottom-nav li:hover a {
    color: orangered;
}


/* 退出登录 */

.logout {
    position: fixed;
    right: 20px;
    top: 20px;
    display: none;
}